<template>
  <div class="banner">
    <div class="banner-item" :style="{ backgroundImage: `url(${banner.img})` }">
      <div data-v-3000ce76="" class="banner-logo">
        <img
          data-v-3000ce76=""
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15828066873937133.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15828066873937133.png"
          lazy="loaded"
        />
        <span data-v-3000ce76="" style="font-size: 40px">Twitter</span>
      </div>
      <div class="title">{{ banner.title }}</div>
    </div>
  </div>
  <div
    data-v-96122de0=""
    data-v-479e653e=""
    class="twenty-one"
    id="3403a266-4c4a"
    component-name="TwentyOne"
  >
    <div
      data-v-96122de0=""
      class="twenty-content"
      style="
        background: linear-gradient(
          rgb(239, 250, 255) 0%,
          rgb(219, 231, 254) 100%
        );
      "
    >
      <div
        data-v-96122de0=""
        class="twenty-text"
        style="color: rgb(67, 98, 114)"
      >
        <div data-v-96122de0="" class="reason-content">
          <p data-v-96122de0="" class="twenty-first">Twitter</p>
          <p data-v-96122de0="" class="twenty-second"></p>
          <p data-v-96122de0="" class="twenty-three">平台介绍</p>
          <div data-v-96122de0="" class="twenty-four">
            Twitter是一家美国社交网络平台及微博客服务的网站，是全球互联网上访问量最大的十个网站之一，月均活跃用户已达4亿+。
            Twitter允许用户将自己的最新动态和想法以移动电话中的短信息形式（推文）发布（发推），可绑定IM即时通讯软件。同时，它可以让用户更新不超过140个字符的消息，这些消息也被称作“推文”。&nbsp;
          </div>
        </div>
      </div>
      <div
        data-v-96122de0=""
        class="twenty-right"
        style="
          background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/06/15834881107198315.jpg');
        "
      ></div>
    </div>
  </div>
  <div
    data-v-4558298b=""
    data-v-479e653e=""
    alt=""
    class="twenty-demo"
    id="82892a94-7a77"
    component-name="Twenty"
    style="
      background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838292745815998.png');
    "
  >
    <div data-v-4558298b="" class="comp-atible">
      <div data-v-4558298b="" class="left-text">
        <p data-v-4558298b="">Twitter广告</p>
        <p data-v-4558298b="">展现方式</p>
      </div>
      <div data-v-4558298b="" class="right-list">
        <div data-v-4558298b="" class="list-icon">
          <img
            data-v-4558298b=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290542879124.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290542879124.png"
            lazy="loaded"
          />
          <div data-v-4558298b="" class="icon-text">视频</div>
        </div>
        <div data-v-4558298b="" class="list-icon">
          <img
            data-v-4558298b=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290547302144.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290547302144.png"
            lazy="loaded"
          />
          <div data-v-4558298b="" class="icon-text">图片和gif</div>
        </div>
        <div data-v-4558298b="" class="list-icon">
          <img
            data-v-4558298b=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290559165781.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290559165781.png"
            lazy="loaded"
          />
          <div data-v-4558298b="" class="icon-text">应用程序安装</div>
        </div>
        <div data-v-4558298b="" class="list-icon">
          <img
            data-v-4558298b=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290560323805.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290560323805.png"
            lazy="loaded"
          />
          <div data-v-4558298b="" class="icon-text">MESSENGER</div>
        </div>
        <div data-v-4558298b="" class="list-icon">
          <img
            data-v-4558298b=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290566247632.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290566247632.png"
            lazy="loaded"
          />
          <div data-v-4558298b="" class="icon-text">对话</div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-8bbbb176=""
    data-v-479e653e=""
    class="second-demo"
    id="c9589bee-1d0a"
    component-name="Second"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-8bbbb176="" class="comp-atible">
      <p data-v-8bbbb176="" style="color: rgb(54, 54, 54)">
        Twitter如何帮助企业发展？
      </p>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(56, 120, 255)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343262678.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343262678.png"
              lazy="loaded"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">构建您的粉丝群</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          在 Twitter
          上与您当前的客户、未来的粉丝以及忠实的品牌拥护者保持联系，不断互动，培养品牌的忠诚用户群，建立客户粘性。
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(96, 185, 255)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343284416.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343284416.png"
              lazy="loaded"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">充分利用广告的力量</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          Twitter 本身是一个免费的平台，但您可以借助付费的 Twitter
          Ads，提高品牌曝光,提高网站访问量和应用下载量，从而吸引更多关注者。
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(246, 198, 109)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              lazy="loaded"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">及时提供客户服务</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          密切关注自己品牌的
          @提及，创建专门的客户服务账号，通过私信提供快速服务或个性化的帮助。
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(138, 118, 241)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              lazy="loaded"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">常更新Twitter账号内容</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          无论是推出新产品还是开展新促销，Twitter
          都是发布消息的好地方，您可以多更新账户内容，增强品牌曝光。
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-4b9d4c90=""
    data-v-479e653e=""
    class="new-first"
    id="c2e64322-3e71"
    component-name="NewFirst"
    style="
      background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838292745815998.png');
    "
  >
    <div data-v-4b9d4c90="" class="comp-atible">
      <p data-v-4b9d4c90="">Twitter推广形式</p>
      <div data-v-4b9d4c90="" class="atrible-text">
        推广趋势+推广账号+推广推文
      </div>
    </div>
  </div>
  <div
    data-v-87f86580=""
    data-v-479e653e=""
    class="six-demo"
    id="da56a044-b391"
    component-name="Six"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-87f86580="" class="comp-atible">
      <p data-v-87f86580="" style="color: rgb(30, 30, 30)"></p>
      <div data-v-87f86580="" class="six-demo-fex">
        <div data-v-87f86580="" class="six-list">
          <div data-v-87f86580="" class="animated fadeInLeft six-aboust">
            <p data-v-87f86580="" style="color: rgb(51, 51, 51)">推广趋势</p>
            <div
              data-v-87f86580=""
              class="six-text"
              style="color: rgb(156, 156, 156)"
            >
              你的广告推文可出现在当天热门话题榜的第一或第二的位置，也会出现在用户的时间线和主页上。当Twitter用户点击“推广趋势”时，相关主题的搜索结果将得到呈现。随着人们看到您的标签，并自行开始使用，你可以获得更多的有机曝光，增加广告系列的覆盖面。
            </div>
          </div>
        </div>
        <img
          data-v-87f86580=""
          alt="推广趋势 时间线 主页"
          class="animated fadeInRight six-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290484272808.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290484272808.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-50932a62=""
    data-v-479e653e=""
    class="seven-demo"
    id="0e1a2978-4e9d"
    component-name="Seven"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-50932a62="" class="comp-atible pc-show">
      <p data-v-50932a62="" style="color: rgb(30, 30, 30)"></p>
      <img
        data-v-50932a62=""
        alt="推广账号 您的账号将被作为“推荐用户”出现在目标用户的搜索结果和智能手机APP版面的时间线上"
        class="animated fadeInLeft seven-img"
        data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290485234186.png"
        src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290485234186.png"
        lazy="loaded"
      />
      <div data-v-50932a62="" class="animated fadeInRight seven-list">
        <div data-v-50932a62="" class="seven-aboust">
          <p data-v-50932a62="" style="color: rgb(51, 51, 51)">推广账号</p>
          <div
            data-v-50932a62=""
            class="seven-text"
            style="color: rgb(156, 156, 156)"
          >
            只有用户关注了你的账号，才更有可能深入了解品牌信息。您的账号可作为“推荐用户”出现在目标用户的搜索结果和智能手机APP版面的时间线上。
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-87f86580=""
    data-v-479e653e=""
    class="six-demo"
    id="fc7fbdb5-a125"
    component-name="Six"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-87f86580="" class="comp-atible">
      <p data-v-87f86580="" style="color: rgb(30, 30, 30)"></p>
      <div data-v-87f86580="" class="six-demo-fex">
        <div data-v-87f86580="" class="six-list">
          <div data-v-87f86580="" class="animated fadeInLeft six-aboust">
            <p data-v-87f86580="" style="color: rgb(51, 51, 51)">推广推文</p>
            <div
              data-v-87f86580=""
              class="six-text"
              style="color: rgb(156, 156, 156)"
            >
              广告推文将出现在您定位用户的时间线和搜索结果上，这类广告目的是接触更广泛的用户群体或从现有关注者中引发更多的参与。当用户点击推文可以驱动网站流量，推文中可以提供优惠券等提高转化率，帮助建立品牌意识，获得更多潜在用户。
            </div>
          </div>
        </div>
        <img
          data-v-87f86580=""
          alt=""
          class="animated fadeInRight six-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290484272808.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838290484272808.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-8bbbb176=""
    data-v-479e653e=""
    class="second-demo"
    id="82c96503-6fd3"
    component-name="Second"
    style="background: rgb(242, 246, 250)"
  >
    <div data-v-8bbbb176="" class="comp-atible">
      <p data-v-8bbbb176="" style="color: rgb(54, 54, 54)">Twitter广告优势</p>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(56, 120, 255)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343262678.png"
              src="http://assets-lovead-com.oss-cn-shanghai.aliyuncs.com/website/lazy_load.gif"
              lazy="loading"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">实时性</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          用户可以实时发布和分享信息，广告主可以利用这一特点，及时传达产品、服务和活动等信息，与用户建立实时的连接。
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(96, 185, 255)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343284416.png"
              src="http://assets-lovead-com.oss-cn-shanghai.aliyuncs.com/website/lazy_load.gif"
              lazy="loading"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">广泛的目标受众群</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          Twitter拥有全球庞大的用户群，月均活跃用户已达4亿+。广告主可以基于用户的地理位置、兴趣爱好和关注的话题等准确定位目标受众，进行精准投放。
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(246, 198, 109)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              src="http://assets-lovead-com.oss-cn-shanghai.aliyuncs.com/website/lazy_load.gif"
              lazy="loading"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">强大的影响力</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          Twitter
          Ads的点击率非常高。您可以无缝集成在用户的时间线上展示广告并提供与非推文相同的反应选项，与用户分享信息，增加品牌曝光
        </div>
      </div>
      <div data-v-8bbbb176="" class="icon-card">
        <div
          data-v-8bbbb176=""
          class="icon-bg"
          style="background: rgb(138, 118, 241)"
        >
          <div data-v-8bbbb176="" class="img-bg">
            <img
              data-v-8bbbb176=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/16/15818572343397980.png"
              src="http://assets-lovead-com.oss-cn-shanghai.aliyuncs.com/website/lazy_load.gif"
              lazy="loading"
            />
          </div>
          <span data-v-8bbbb176="" class="img-text">互动性和分享性</span>
        </div>
        <div data-v-8bbbb176="" class="icon-text">
          用户可以点赞、转发、评论和分享推文，这为广告主带来了更多的曝光和品牌传播机会，用户可以通过互动参与到广告中来，促进销售的转化
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
const banner = {
  img: "https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/09/15916704654829796.jpg",
  title: "实时链接全球，尽在Twitter",
  desc: "全球最大的职业社交网站，以其庞大职业会员量为基础，为全球企业和机构提供包括招聘、市场和销售在内的一系列解决方案。",
};
</script>
